<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{$header['title']}}</title>
    <meta name="description" content="{{$header['des']}}" /> 
    <meta name="keyword" content="{{$header['keyword']}}" /> 
    <link rel="stylesheet" type="text/css" href="/mcss/all.css">
    <link rel="stylesheet" type="text/css" href="/mcss/swiper-bundle.min.css">

    <link rel="stylesheet" type="text/css" href="/mcss/header.css">
    <!-- <link rel="stylesheet/less" type="text/css" href="/mcss/header.less" /> -->

    <!-- <link rel="stylesheet/less" type="text/css" href="/mcss/about.less" /> -->
    <link rel="stylesheet" type="text/css" href="/mcss/about.css">

    <script src="/mjs/swiper-3.4.2.min.js"></script>
    <!-- <script src="/mjs/less.js"></script> -->
</head>

<body>
    <div id="app">
        @include('mobile.header')
        <div class="banner flc">
            <img src="/img/banner.png" alt="">
        </div>
        <div class="center">
            <div class="c1 fl">
                <div class="title fc flc">
                    <div class="p1">
                        ABOUT US
                    </div>
                    <div class="p2">
                        关于我们
                    </div>
                </div>
                <div class="main fl">
                    <div class="left fl">
                        <p class="stitle fc">公司简介</p>
                        <p class="text fc">
                        沧州讯铭信息技术有限公司成立于2021年10月22日，经营范围包括信息技术咨询服务;软件开发;互联网信息服务;广告设计、制作、代理、发布;信息系统集成服务;信息处理和存储支持服务;批发、零售及网上现货销售:电子产品、通讯设备、计算机、软件及辅助设备(依法须经批准的项目，经相关部门批准后方可开展经营活动;一般经营项目，可依法自主开展经营活动)
                        </p>
                    </div>
                    <div class="right">
                        <img src="/img/about/com.png" alt="">
                    </div>
                </div>
            </div>
            <div class="c2 fl">
                <div class="title fc flc">
                    <div class="p1">
                        BRAND CONCEPT
                    </div>
                    <div class="p2">
                        品牌理念
                    </div>
                </div>
                <div class="main swiper-container fl">
                    <div class="swiper-wrapper">
                        <div class="item swiper-slide">
                            <img src="/img/about/p1.png" alt="">
                            <p class="mtitle">
                                使命
                            </p>
                            <p class="text">
                                打造创作者一站式服务新 平台，共建生态繁荣
                            </p>
                        </div>
                        <div class="item swiper-slide">
                            <img src="/img/about/p2.png" alt="">
                            <p class="mtitle">
                                价值观
                            </p>
                            <p class="text">
                                让创作者变现更简单。
                            </p>
                        </div>
                        <div class="item swiper-slide">
                            <img src="/img/about/p3.png" alt="">
                            <p class="mtitle">
                                团队精神
                            </p>
                            <p class="text">
                                创业初心—敢说敢做， 不断挑战 勇于创新—拥抱变化， 不拘一格 利人达己—共享互助， 彼此成就 爱好自驱—保持热情， 来自热爱
                            </p>
                        </div>
                        <div class="item swiper-slide">
                            <img src="/img/about/p4.png" alt="">
                            <p class="mtitle">
                                使命
                            </p>
                            <p class="text">
                                认真生活、快乐工作、 此时此刻、非我莫属
                            </p>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
        @include('mobile.footer')
    </div>
    <script src="/mjs/jquery.js"></script>
    <script src="/mjs/nav.js"></script>
    <script>
        $(document).ready(() => {


            // 导航栏 过渡
            $(".header .middle .right .item").click(function() {
                $(this).siblings().children(".menu").slideUp(500);
                $(this).children(".menu").stop().slideToggle(500);
            })

            // 轮播图
            var swiper = new Swiper('.swiper-container', {
                // autoplay: 3000,
                autoplayDisableOnInteraction: false,
                pagination: '.swiper-pagination',
                paginationClickable: true,
                // observer: true,
                // observeParents: true,
                loop: true
            });

        })


        // 响应式跳转
        changeMargin();
        window.onresize = function() {
            changeMargin();
        };

        function changeMargin() {
            if (a) {
                var docWidth = document.body.clientWidth;
                if (docWidth >= 1360) {
                    location.href = "";
                    a = false;
                }
            }

        }
    </script>
</body>

</html>